﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- ////////////////////////////////////////////////////////////////////
//        *********请尊重我的劳动成果,添加我的著作权*******                                                
//               CreatData: 2017-5-11                            
//               Java Web /:期末作业                            
//               Project: 宿舍管理系统                          
//               软件学院：  学号 ：16171201041                 
//               版权所有：http://allday.gq                     
//               官方邮箱：562015969@qq.com                    
///////////////////////////////////////////////////////////////////// -->










<!--学生信息管理-->
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>Admin-Log</title>
    <meta name="renderer" content="webkit">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../css/global.css" media="all">
    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="../css/table.css" /></head>
  
  <body>
    <div class="admin-main">
      <blockquote class="layui-elem-quote">
        <a href="javascript:;" class="layui-btn layui-btn-small" id="add">
          <i class="layui-icon">&#xe608;</i>添加信息</a>
        <a href="#" class="layui-btn layui-btn-small" id="import">
          <i class="layui-icon">&#xe608;</i>导入信息</a>
        <a href="#" class="layui-btn layui-btn-small">
          <i class="fa fa-shopping-cart" aria-hidden="true"></i>导出信息</a>
        <a href="#" class="layui-btn layui-btn-small" id="getSelected">
          <i class="fa fa-shopping-cart" aria-hidden="true"></i>获取全选信息</a>
        <a href="javascript:;" class="layui-btn layui-btn-small" id="search">
          <i class="layui-icon">&#xe615;</i>搜索</a></blockquote><!-- 搜索相当于按钮，只能搜索学院类别或全部或男女等！ -->
      <fieldset class="layui-elem-field">
        <legend>数据列表</legend>
        <div class="layui-field-box layui-form">
          <table class="layui-table admin-table">
            <thead>
              <tr>
                <th style="width: 30px;">
                  <input type="checkbox" lay-filter="allselector" lay-skin="primary"></th>
                <th>ID</th>
                <th>姓名</th>
                <th>工号</th>
                <th>操作时间</th>
                <th>学院</th>
                <th>校区</th>
                <th>性别</th>
                <th>操作</th>
				</tr>
            </thead>
            <tbody id="content"></tbody>
          </table>
        </div>
      </fieldset>
      <div class="admin-table-page">
        <div id="paged" class="page"></div>
      </div>
    </div>
    <!--模板-->
		<script type="text/html" id="tpl">
			{{# layui.each(d.list, function(index, item){ }}
			<tr>
				<td><input type="checkbox" lay-skin="primary"></td>
				<td>{{ item.id }}</td>
				<td>{{ item.name }}</td>
				<td>{{ item.no }}</td>
				<td>{{ item.date }}</td>
				<td>{{ item.xiaoqu }}</td>
				<td>{{ item.xueyuan }}</td>
				<td>{{ item.sex }}</td>
				<td>
				<!-- 用xmlHTTP 进行post数据传参数如删除： ?del&student_id=+$(this).data('name')-->
					<a href="javascript:;" data-name="{{ item.no }}" data-opt="edit" class="layui-btn layui-btn-mini">编辑</a>
					<a href="javascript:;" data-name="{{ item.no }}"   data-opt="del" class="layui-btn layui-btn-danger layui-btn-mini">删除</a>
				</td>
			</tr>
			{{# }); }}
		</script>
    <script type="text/javascript" src="../plugins/layui/layui.js"></script>
    <script>layui.config({
        base: '../js/'
      });

      layui.use(['paging', 'form'],
      function() {
        var $ = layui.jquery,
        paging = layui.paging(),
        layerTips = parent.layer === undefined ? layui.layer: parent.layer,
        //获取父窗口的layer对象
        layer = layui.layer,
        //获取当前窗口的layer对象
        form = layui.form();

        paging.init({
          openWait: true,
          url: '../datas/btable_data_teacher.json?v=' + new Date().getTime(),
          //**********地址可以通过访问action获取json值得参数**********
          elem: '#content',
          //内容容器
          params: { //发送到服务端的参数
          },
          type: 'GET',
          tempElem: '#tpl',
          //模块容器
          pageConfig: { //分页参数配置
            elem: '#paged',
            //分页容器
            //pageSize: 3 //分页大小
          },
          success: function() { //渲染成功的回调
            layer.msg('获取成功');
			},
          fail: function(msg) { //获取数据失败的回调
            //alert('获取数据失败')
          },
          complate: function() { //完成的回调
            //alert('处理完成');
            //重新渲染复选框
            form.render('checkbox');
            form.on('checkbox(allselector)',
            function(data) {
              var elem = data.elem;

              $('#content').children('tr').each(function() {
                var $that = $(this);
                //全选或反选
                $that.children('td').eq(0).children('input[type=checkbox]')[0].checked = elem.checked;
                form.render('checkbox');
              });
            });

            //绑定所有编辑按钮事件						
            $('#content').children('tr').each(function() {
              var $that = $(this);
              $that.children('td:last-child').children('a[data-opt=edit]').on('click',
              function() {
                layer.msg($(this).data('name')+"编辑");
              });
			//绑定 结束 edit 编辑
            });
			//绑定所有删除按钮事件						
            $('#content').children('tr').each(function() {
              var $that = $(this);
              $that.children('td:last-child').children('a[data-opt=del]').on('click',
              function() {
                layer.msg($(this).data('name')+"删除");
              });

            });
			//绑定结束 del 删除

          },
        });
        //获取所有选择的列
        $('#getSelected').on('click',
        function() {
          var names = '';
          $('#content').children('tr').each(function() {
            var $that = $(this);
            var $cbx = $that.children('td').eq(0).children('input[type=checkbox]')[0].checked;
            if ($cbx) {
              var n = $that.children('td:last-child').children('a[data-opt=edit]').data('name');
              names += n + ',';
            }
          });
          layer.msg('你选择的名称有：' + names);
        });

        $('#search').on('click',
        function() {
          parent.layer.alert('你点击了搜索按钮')
        });

        $('#add').on('click',
        function() {
layer.open({
  content: '              跳转到注册界面进行添加【教师信息】,不服气你去数据库加！'
  ,btn: ['服气', '不服气']
  ,yes: function(index, layero){
    //按钮【按钮一】的回调
	window.open("/register-teacher.html");
  }
  ,btn2: function(index, layero){
    //按钮【按钮二】的回调
    
    //return false 开启该代码可禁止点击该按钮关闭
  }
  ,cancel: function(){ 
    //右上角关闭回调
	layer.msg('竟然关闭了');

    
    //return false 开启该代码可禁止点击该按钮关闭
  }
});
        });

        $('#import').on('click',
        function() {
          var that = this;
          var index = layer.tips('只想提示地精准些', that, {
            tips: [1, 'white']
          });
          $('#layui-layer' + index).children('div.layui-layer-content').css('color', '#000000');
        });
      });</script>
  </body>

</html>